<!DOCTYPE HTML>
<html>
<head>
<title>Events</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Curabitur Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 <link rel="stylesheet" href="css/flexslider.css" type="text/css" media="screen" />
 <script src="js/jquery-1.11.1.min.js"></script>
  <script src="js/bootstrap.js"> </script>
  <!---- start-smoth-scrolling---->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->

</head>
<body>
		<!-- start-header section-->
			<div class="header">
				<div class="container">
				     <div class="top-header">
						<div class="phone">
							<ul>
								<li><span class="glyphicon glyphicon-earphone" aria-hidden="true"></span></li>
								<li><p>+4758 655 5947</p></li>
							</ul>
						</div>
						<div class="logo">
							<h1><a href="index.html">美食堂</a></h1>
						</div>
						<div class="header-right">
						<div class="login">
						<a href="login.html">登录</a>
						</div>
						<div class="cart box_1">
							<a href="checkout.html">
								<h3> <span class="simpleCart_total"> ￥0.00 </span> (<span id="simpleCart_quantity" class="simpleCart_quantity"> 0 </span> items)<img src="images/bag.png" alt=""></h3>
							</a>	
							<p><a href="javascript:;" class="simpleCart_empty">小食</a></p>
							<div class="clearfix"> </div>
						</div>
				</div>
		
						<div class="clearfix"></div>
					</div>	
				</div>
			</div>
		<!-- end-header section-->
		<!--start-banner-->
			<div class="banner ban1">
				<div class="container">
					<div class="top-menu">
					<span class="menu"><img src="images/nav.png" alt=""/> </span>
						<ul>
							<li><a  href="index.html">主页</a></li>
							<li><a  href="menu.html" >菜单</a></li>
							<li><a  href="gallery.html">新品</a></li>
							<li><a  href="events.html" class="active">活动</a></li>
							
						</ul>
						<!-- script for menu -->
									
							 <script>
							 $("span.menu").click(function(){
							 $(".top-menu ul").slideToggle("slow" , function(){
							 });
							 });
							 </script>
						<!-- //script for menu -->
					</div>
					</div>	
			</div>
		<!--end-banner-->
			<div class="banner-bottom">
				<div class="container">
				<div class="droop-down">
					<div class="col-md-3 droop">
							<div class="sort-by">
		            <label>国家 </label>
		            <select class="sel"><option value="">中国</option> 
		                            
									<option value="">美国</option> 
		                              
		                            <option value="">日本</option>
		                           
		                            <option value="">法国 </option>	
									
									<option value="">加拿大 </option>	
		            </select>
						</div>
					</div>
					
					
					<div class="col-md-3 droop">
						<div class="sort-by">
		            <label>系列</label>
		            <select><option value=""> 烤鱼类</option>
					
		                    <option value="">面食类</option>  
							
							<option value="">炸鸡类</option>  
							
							<option value="">汤类</option> 
							
		                    <option value="">披萨类</option>            
		            </select>                 
		                </div>               
					</div>
					
					
					<div class="col-md-3 droop">
						<div class="sort-by">
		            <label>菜名</label>
		            <select><option value="">果蔬鸭蛋寿司卷</option>
					
		                    <option value="">菠萝咕噜肉</option>
							
		                    <option value="">韩式石锅拌饭</option> 
							
		                    <option value="">辣白菜豆腐汤</option> 
							
		                    <option value="">小鸡炖蘑菇</option>             
					</select>		  
		        </div>
					</div>
					<div class="col-md-3 search">
					<form>
					<input type="submit" value="搜索">
					</form>				
					</div>
					<div class="clearfix"></div>
					</div>
				</div>
			</div>
			<div class="content">
						<div class="events-section">
						<div class="container">
							<h3>介绍</h3>
						<div class="events-grids">
						<div class="events1">
						<div class="col-md-4 event-grid">
						<a href="#" class="mask">
				     <img src="images/e1.jpg" class="img-responsive zoom-img" alt=""></a>
						<h5>2019年2月21日</h5>
						 <h4>章鱼小丸子</h4>
					<p>章鱼烧，又名章鱼小丸子，在日本已有70多年的历史，是日本民间一种流传很久的风味小吃，据说章鱼烧最早出于大阪的章鱼烧丸专营店会津屋的创始人远藤留吉之手</p>
						<a href="#" class="button"> 更多信息</a>
						</div>
						<div class="col-md-4 event-grid">
							<a href="#" class="mask">
				     <img src="images/e2.jpg" class="img-responsive zoom-img" alt="">
					</a>						
						<h5>2019年2月21日</h5>
						 <h4>芝士焗龙虾</h4>
					<p>芝士龙虾是香港美食之一。芝士龙虾制作材料:大龙虾两只，牛油三大匙，芝士三片，洋葱末一大匙，蒜蓉一茶匙，高汤5大匙，盐少许。</p>
						<a href="#" class="button"> 更多信息</a>
						</div>
						<div class="col-md-4 event-grid">
						<a href="#" class="mask">
						<img src="images/e3.jpg" class="img-responsive zoom-img" alt=""></a>						
						<h5>2019年2月21日</h5>
						 <h4>炭烧烤鱼</h4>
					<p>烤鱼是指鱼类经过烤制之后然后进行烹饪的一种方法，这种烹调方式实现了"一烤二炖"。是烤鱼界的一次新变革。现在提到"烤鱼"大多指"川味烤鱼"。</p>
						<a href="#" class="button">更多信息</a>
						</div>
						<div class="clearfix"></div>
						</div>
						<div class="events2">
						<div class="col-md-4 event-grid">
						<a href="#" class="mask">
						<img src="images/e4.jpg" class="img-responsive zoom-img" alt=""></a>						
						<h5>2019年2月21日</h5>
						 <h4>蛋挞</h4>
					<p>蛋挞，是一种以蛋浆做成馅料的西式馅饼;台湾称为蛋塔，蛋挞即以蛋浆为馅料的"tart"。</p>
						<a href="#" class="button"> 更多信息</a>
						</div>
						<div class="col-md-4 event-grid">
						<a href="#" class="mask">
						<img src="images/e5.jpg" class="img-responsive zoom-img" alt=""></a>						
						<h5>2019年2月21日</h5>
						 <h4>蜜汁烤火鸡</h4>
					<p>烤火鸡 在西方人的感恩节和圣诞节餐桌上必不可少的一道菜，英国移民为了感谢救助他们的印第安人，移民们举行了丰盛的感恩会，用烤火鸡和玉米糕点款待印第安人。</p>
						<a href="#" class="button"> 更多信息</a>
						</div>
						<div class="col-md-4 event-grid">
						<a href="#" class="mask">
						<img src="images/e6.jpg" class="img-responsive zoom-img" alt=""></a>						
						<h5>2019年2月21日</h5>
						 <h4>荷花酥</h4>
					<p>荷花酥是浙江杭州著名的传统小吃。"出淤泥而不染"是人们对荷花高雅洁丽品质的赞誉，用油酥面制成的荷花酥。形似荷花，酥层清晰，观之形美动人，食之酥松香甜，别有风味。</p>
						<a href="#" class="button">更多信息</a>
						</div>
						<div class="clearfix"></div>
						</div>
						<div class="clearfix"></div>
						</div>
						</div>
						</div>

			<div class="specials-section">
				<div class="container">
					<div class="col-md-3 specials">
					<h3>关于</h3>
					<p>大口大口的吃肉是对生存的尊重</p>
				</div>
				<div class="col-md-3 specials1">
				<h3>系列</h3>
				<ul>
					<li><a href="#">中餐</a></li>
					<li><a href="#">西餐</a></li>
					<li><a href="#">韩料</a></li>
					<li><a href="#">泰菜</a></li>
				</ul>
				</div>
			<div class="col-md-3 specials1">
			<h3>食谱</h3>
			<ul>
				<li><a href="#">烤鱼</a></li>
				<li><a href="#">培根双牛芝士汉堡</a></li>
				<li><a href="#">法棍</a></li>
				<li><a href="#">至尊Pizza</a></li>
				<li><a href="#">芝士焗牛蛙</a></li>
				<li><a href="#">黑椒烤火鸡</a></li>
			</ul>
			</div>
			<div class="col-md-3 specials1">
			<h3>社交</h3>
			<ul>
				<li><a href="#">facebook</a></li>
				<li><a href="#">wechat</a></li>
				<li><a href="#">QQ</a></li>
				<li><a href="#">baidu</a></li>
			</ul>
			</div>
			<div class="clearfix"></div>
			</div>
			</div>
	</div>
	<div class="footer-section">
					<div class="container">
						<div class="footer-top">
						<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="美食之家">美食之家</a> - Collect from <a href="http://www.cssmoban.com/" title="美食堂" target="_blank">美食堂</a></p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


					</div>
					</div>


	
</body>
</html>
	